<!-- 空白页面参考模版 -->
{extend name='public/base' /}
{block name='content'}
{include file='public/content_header' /}
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header dataSearch">
                        <form class="searchForm form-inline" id="searchForm" action="{:url('index')}" method="GET">
                            <div class="input-group input-group-sm searchGroup">
                                <input value="{$_keywords|default=''}" name="_keywords" id="_keywords" class="form-control input-sm"
                                       placeholder="用户名/账号/昵称">
                            </div>

                            <div class="input-group input-group-sm searchGroup">
                                <button class="btn btn-sm btn-primary" type="submit"><i class="fa fa-search"></i> 查询
                                </button>
                            </div>

                            <div class="form-group searchGroup">
                                <button onclick="clearSearchForm()" class="btn btn-sm btn-default" type="button"><i
                                        class="fa  fa-eraser"></i> 清空查询
                                </button>
                            </div>

                        </form>
                    </div>
                </div>
            </div>

            <div class="col-12">

                <div class="card">
                    <div class="card-header">

                        <a title="添加新数据" data-toggle="tooltip" class="btn btn-primary btn-sm " href="{:url('add')}">
                            <i class="fa fa-plus"></i> 添加
                        </a>
                        <button class="btn btn-danger btn-sm AjaxButton" data-toggle="tooltip" title="删除选中数据"
                                data-confirm-title="删除确认" data-confirm-content="您确定要删除选中的数据吗？"
                                data-id="checked" data-url="{:url('del')}">
                            <i class="fa fa-trash"></i> 删除
                        </button>

                        <button class="btn btn-success btn-sm AjaxButton" data-toggle="tooltip" title="启用选中数据"
                                data-confirm-title="启用确认" data-confirm-content="您确定要启用选中的数据吗？" data-id="checked"
                                data-url="{:url('enable')}">
                            <i class="far fa-circle"></i> 启用
                        </button>

                        <button class="btn btn-warning btn-sm AjaxButton" data-toggle="tooltip" title="禁用选中数据"
                                data-confirm-title="禁用确认" data-confirm-content="您确定要禁用选中的数据吗？" data-id="checked"
                                data-url="{:url('disable')}">
                            <i class="fas fa-ban"></i> 禁用
                        </button>

                        <button class="btn btn-default btn-sm ReloadButton" data-toggle="tooltip" title="刷新列表数据">
                            <i class="fas fa-redo"></i> 刷新
                        </button>

                    </div>

                    <div class="card-body table-responsive p-0" >
                        <table class="table table-hover table-bordered dataTable text-nowrap">
                            <thead>
                            <tr>
                                <th>
                                    <label for="dataCheckAll" class="dataCheckLabel"></label>
                                    <input id="dataCheckAll" type="checkbox" onclick="checkAll(this)" class="checkbox"
                                           placeholder="全选/取消">
                                </th>
                                <th>ID</th>
                                <th>昵称</th>
                                <th>账号</th>
                                <th>角色</th>
                                <th>是否启用</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            {foreach name='data' id='item'}
                            <tr>
                                <td>
                                    <label for="dataItem{$item.id}" class="dataCheckLabel"></label>
                                    <input type="checkbox" onclick="checkThis(this)" name="dataCheckbox"
                                           data-id="{$item.id}" class="checkbox dataListCheck" value="{$item.id}"
                                           placeholder="选择/取消" id="dataItem{$item.id}">
                                </td>
                                <td>{$item.id}</td>
                                <td>{$item.nickname}</td>
                                <td>{$item.username}</td>
                                <td>
                                    {foreach name='item.role_list' id='item_role'}
                                    <span class="badge bg-primary ">{$item_role.name|default=''}</span>
                                    {/foreach}
                                </td>
                                <td>{$item.status_text}</td>
                                <td>
                                    <a href="{:url('edit',['id'=>$item.id])}"
                                       class="btn btn-primary btn-xs" title="修改" data-toggle="tooltip">
                                        <i class="fas fa-pen"></i>
                                        修改
                                    </a>

                                    <button class="btn btn-danger btn-xs AjaxButton" data-toggle="tooltip" title="删除"  data-id="{$item.id}" data-confirm-title="删除确认" data-confirm-content='您确定要删除ID为 <span class="text-red">{$item.id}</span> 的数据吗' data-url="{:url('del')}">
                                        <i class="fas fa-trash"></i>
                                        删除
                                    </button>

                                    {if $item.status==1}
                                    <button class="btn btn-warning btn-xs AjaxButton" data-toggle="tooltip" title="禁用"
                                       data-id="{$item.id}" data-confirm-title="禁用确认"
                                       data-confirm-content='您确定要禁用ID为 <span class="text-red">{$item.id}</span> 的数据吗'
                                       data-url="{:url('disable')}">
                                        <i class="fas fa-ban"></i>
                                        禁用
                                    </button>
                                    {else/}
                                    <button class="btn btn-success btn-xs AjaxButton" data-toggle="tooltip" title="启用"
                                       data-id="{$item.id}" data-confirm-title="启用确认"
                                       data-confirm-content='您确定要启用ID为 <span class="text-red">{$item.id}</span> 的数据吗'
                                       data-url="{:url('enable')}">
                                        <i class="far fa-circle"></i>
                                        启用
                                    </button>
                                    {/if}
                                </td>
                            </tr>
                            {/foreach}
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer clearfix">
                        {$page|raw}
                        {include file='public/change_page' /}
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

{/block}